<script>
import {defineComponent} from 'vue'

import instance from "@/api/axios";



export default defineComponent({
    name: "footerModule",
    data(){
        return {
            resList:''
        }
    },
    methods:{

    },

    created() {
        instance.post('http://1.117.81.216:8087/system/dict/data/list/open', {
            dictType:'blogroll',
            pageNum:1,
            pageSize:10,
            orderByColumn:"dictSort",
            isAsc:'asc',
            }).then(res=>{
            this.resList = res.rows;
            console.log(this.resList)
        })



    }

})
</script>

<template>
<div>
    <div id="bom">
    <div id="bom-box">
        <div id="sister">友情链接:</div>
        <span class="footer-text" v-for="(item) in resList" :key='item.dictCode'>{{item.dictLabel}}</span>
        <ul id="link"></ul>
        <div id="solid">
            <div id="solid-xian"></div>
            <div id="bomText">
                Copyright © 2017-2025 石家庄天亮教育科技有限公司
                备案号:冀ICP备17020003号
            </div>
        </div>
    </div>
</div>
</div>
</template>

<style scoped lang="less">
#bom{
  width: 1518px;
  height: 197px;
  background: #0f141a;
  color: #777878;
  font-size: 14px;
  text-align: center;
}
#bom-box{
  padding: 20px 0;
  width: 1160px;
  margin: auto;
}
#sister{
  line-height: 30px;
  width: 51%;
  color: #fff;
  font-size: 22px;
  margin: 16px auto;
  margin: 0 20px  20px;
}
#solid{
  height: 1px;
  width: 1000px;
  margin: auto;
  line-height: 30px;
}
#solid-xian{
  border: 1px solid rgb(84, 84, 84);
  display: block;
}
#bomText{
  line-height: 30px;
  text-align: center;
}
#link{
  margin: 25px;
}
#linkText{
  line-height: 30px;
  text-decoration: none;
  display: inline-block;
  margin: 0 20px 0 20px;
}
#linkText a{
  text-decoration: none;
  text-align: center;
  color: gray;
}
.footer-text{
    margin: 20px;
}
</style>